<style>
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: rgb(222, 240, 243);
}
</style>

<script>

    function mifuncion(){
        
        var form = document.getElementById('formDiagnostico');
        form.action = 'ambulatoria?v1=Guillermo Wong Ortecho';
        form.submit();
    }
    
    function borrar(objeto){
	var nodo_del_row = objeto.parentNode.parentNode;
	var index_del_row = nodo_del_row.rowIndex;
	var nodo_de_tabla = nodo_del_row.parentNode; 
	nodo_de_tabla.deleteRow(index_del_row-1);
 }

    function generarOrden(){
        
        
        if(confirm("¿Está seguro que desea continuar?")){
          
          

                var form = document.getElementById('formTratamiento');
                form.action = '../../orden/' + document.getElementById('procedimiento').value;
                form.submit();
                
               
        
        }else{
            
            
        }       
    }
    
    function generarOrdenCirugia(){
        
        
        if(confirm("¿Está seguro que desea continuar?")){
          
        

            var form = document.getElementById('formTratamiento');
            form.action = '../../orden/' + document.getElementById('procedimiento').value+'/1/';
            form.submit();
                
            }else{

            }
    }
    
    function agregarMedicamento(){
        
        var input1=document.getElementById('medicamentoSel').value;
        var input2=document.getElementById('frecuenciaSel').value;
        var input3=document.getElementById('periodicidadSel').value;
        var input4=document.getElementById('dosisSel').value;
        var input5=document.getElementById('indicacionesSel').value;
        
        if(input1=="" || input2=="" || input3=="" || input4==""){
            
            alert("No ha seleccionado una de las opciones del tratamiento.");
        }else{
         
        
        $('#divtable').show();
        var tbody = document.getElementById('body');
        var tr=document.createElement("TR");
        var td1=document.createElement("TD");
        var td2=document.createElement("TD");
        var td3=document.createElement("TD");
        var td4=document.createElement("TD");
        var td5=document.createElement("TD");
        
        var cant = document.getElementById('cantidad');
        cant.value= parseInt(cant.value) + 1;
        //alert(cant.value);
        
        
        var texto1 = $("#medicamentoSel option:selected").text(); 
        var texto2 = $("#frecuenciaSel option:selected").text(); 
        var texto3 = $("#periodicidadSel option:selected").text();  
        
        td1.innerHTML = '<input type="hidden" name="medicamento[]" id="medicamento'+ cant.value +'" value="'+ input1 +'">' + texto1;
        td2.innerHTML = '<input type="hidden" name="frecuencia[]" id="frecuencia'+ cant.value +'" value="'+ input2 +'">' + texto2;
        td3.innerHTML = '<input type="hidden" name="periodicidad[]" id="periodicidad'+ cant.value +'" value="'+ input3 +'">' + texto3;
        td4.innerHTML = '<input type="hidden" name="dosis[]" id="dosis'+ cant.value +'" value="'+ input4 +'"><input type="hidden" name="indicaciones[]" id="indicaciones'+ cant.value +'" value="'+ input5 +'">' + input4;
        td5.innerHTML = '<button type="button" name="eliminar" class="btn btn-small btn-primary" id="eliminar'+ cant.value +'" onclick="borrar(this);"><i class="icon-minus icon-white"></i></button>';
        
        
        tr.appendChild(td1);
        tr.appendChild(td2);
        tr.appendChild(td3);
        tr.appendChild(td4);
        tr.appendChild(td5);
        
        tbody.appendChild(tr);
        
        $('#indicacionesSel').val("");
        }
        
    }
    
    function guardarTratamiento(){
        
        var cant = document.getElementById('cantidad').value;
        if (cant=='0'){ 
            
            alert('No ha registrado ningún medicamento.')
            
        }else{
            
            if(confirm("¿Está seguro que desea guardar el tratamiento?")){
                
               var form = document.getElementById('formTratamiento');
               form.action = '../../../<?php echo $this->uri->segment(1);?>/tratamiento/<?php echo $cita['Cita']; ?>';
               form.submit();
               
               //$('#orden').show();
               //$('#guardar').hide(); 
               
               
            }else{
                
                
            }
            
        }
           
        
    }
    
    function salirAtencion(){
        
        
            if(confirm("¿Está seguro que desea salir?")){

                var form = document.getElementById('formDiagnostico');
                form.action = '../personal/mis_pacientes';
                form.submit();
                
                }else{

                    
                }
               
       
           
        
    }
</script>

<form class="form-horizontal well" id="formTratamiento" name="formTratamiento" method="get" action="<?php echo base_url().$this->uri->segment(1).'/tratamiento/'.$cita['Cita'];?>" accept-charset="utf-8">
    <fieldset>
        

        <input type="hidden" id="codigo" value="<?php echo $cita['Persona']?>">
        <input type="hidden" id="procedimiento" name="procedimiento"value="<?php echo $cita['Procedimiento']?>">
        <input type="hidden" id="cantidad" value="0">
        <input type="hidden" name="actionOrden" id="actionOrden" value="<?php echo base_url().$this->uri->segment(1).'/orden/'.$cita['Procedimiento'];?>" />
        <input type="hidden" name="actionTratamiento" id="actionTratamiento" value="<?php echo base_url().$this->uri->segment(1).'/tratamiento/'.$cita['Cita'];?>" />

        <?php if($edicion==1){ ?> 
            
        <legend>Tratamiento</legend>
        
        <div class="control-group">
                            <label class="control-label" for="indicaciones">Tratamiento</label>                 
                            <div class="controls"><textarea class="span11" id="tratamiento" name="tratamiento" style="border:none" value=""><?php echo $recomendaciones;?></textarea></div>
        </div>
        
        <legend>Medicación</legend>
        
        <div class="control-group">
                      <div class="span6">
                          <?php 
            
                            $options=array();
                            foreach($medicamentos as $med){
                                $opcion=array('value'=> ($med->Producto), 'label'=>($med->Nombre));
                                array_push($options,$opcion);
                            }
                            latisoft_comboBox("medicamentoSel", "Medicamento", $options, 1, 'el medicamento', true,'200');
                            ?>
                      </div>
            
                      <div class="span6">
                          
                              <?php 
            
                                    $options=array();
                                    foreach($frecuencias as $f){
                                        $opcion=array('value'=> ($f->Frecuencia), 'label'=>($f->Descripcion));
                                        array_push($options,$opcion);
                                    }
                                    latisoft_comboBox("frecuenciaSel", "Intervalo", $options, 1, 'la frecuencia', true,'200')
                            ;?>
                          
                      </div>
                      
         </div>
        
        <div class="control-group">
            
                     
            
                    <div class="span6">
                          <?php  $arreglo = array(array('label' => "mañana", 'value' => "1"), array('label' => "tarde", 'value' => "2"), array('label' => "noche", 'value' => "3"),
                              array('label' => "mañana y noche", 'value' => "4"), array('label' => "mañana, tarde y noche", 'value' => "5"));   
                          
                          latisoft_comboBox("periodicidadSel", "Ciclos", $arreglo, 1, 'los ciclos', true,'200')

                          
                          
                          ?>
                         
                   </div> 
                   <div class="span6">
<!--                          <label class="control-label" for="periodicidad">Dosificación por ciclos</label>
                          <div class="controls">
                              <select data-placeholder="Seleccione la periodicidad"  tabindex="3"
                                 class="chzn-select input-xlarge" name="periodicidadSel" id="periodicidadSel">
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                             </select>
                          </div>-->
                          <?php  $arreglo = array(array('label' => "1", 'value' => "1"), array('label' => "2", 'value' => "2"), array('label' => "3", 'value' => "3"));   
                          
                          //latisoft_comboBox("dosisSel", "Dosificación por ciclos", $arreglo, 1, 'la dosificación', true,'200')
                          latisoft_inputText("dosisSel", "Dosificación por ciclos", true)            
                          
                          
                          ?>
                      </div>
                 
         </div>
              
        <div class="control-group">
                            <label class="control-label" for="indicaciones">Indicaciones</label>                 
                            <div class="controls"><textarea class="span11" id="indicacionesSel" name="indicacionesSel" style="border:none" value=""></textarea></div>
        </div>
        
        <div align="center" class="control-group">
             <button type="button" class="btn btn-primary" onclick="agregarMedicamento();"> Añadir medicamento</button>

        </div>
        
        
       
        
        <div style="display:none" class="control-group" id="divtable">
               
                <table class="table table-hover" id="tabla">
                    <tr>
                        <th  width="20%"> Medicamento</th>
                        <th width="20%"> Frecuencia</th>
                        <th width="20%"> Ciclos</th>
                        <th width="20%"> Dosificación</th>
                        <th width="20%"> Eliminar</th>
                    </tr>
                    <tbody id="body">
                        
                        
                        
                    </tbody>
                </table>
                
            </div>
        <?php }else{?>
        
         <legend>Generar orden</legend>
        <?php }?>
         <div style="text-align: center" class="control-group">
           <div class="form-actions">
            
               <?php if ($edicion==1){?>
                <button type="button" class="btn btn-primary" onClick="guardarTratamiento();" name="guardar" id="guardar">Guardar</button>
              <?php }else{?>
                <button type="button" class="btn btn-primary" onClick="generarOrden();" name="orden" id="orden">Generar orden </button>
                <button type="button" class="btn btn-primary" onClick="generarOrdenCirugia();" name="orden" id="orden">Generar orden de cirugia</button>
              
               <?php }?> 
                
                <button type="button" class="btn" onClick="salirAtencion();"  name="salir" id="salir">Salir</button>
                
         </div>  
         </div>
    </fieldset>
</form>